<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="refresh" content="60"> <!-- 每5分钟刷新一次，时间单位为秒 -->
    <title>GWAC_FWHM</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div id="localTime" style="font-size: 24px; margin-top: 20px;"></div> <!-- 时间显示区域 -->
    <div class="gallery">
        <!-- Repeat this block for each image -->
        <img src="focusImages/011.png" alt="Image 1">
        <img src="focusImages/012.png" alt="Image 2">
        <img src="focusImages/013.png" alt="Image 3">
        <img src="focusImages/014.png" alt="Image 1">
        <img src="focusImages/015.png" alt="Image 1">
        <img src="focusImages/021.png" alt="Image 2">
        <img src="focusImages/022.png" alt="Image 3">
        <img src="focusImages/023.png" alt="Image 1">
        <img src="focusImages/024.png" alt="Image 2">
        <img src="focusImages/025.png" alt="Image 2">
        <img src="focusImages/031.png" alt="Image 3">
        <img src="focusImages/032.png" alt="Image 1">
        <img src="focusImages/033.png" alt="Image 2">
        <img src="focusImages/034.png" alt="Image 3">
        <img src="focusImages/035.png" alt="Image 3">
        <img src="focusImages/041.png" alt="Image 1">
        <img src="focusImages/042.png" alt="Image 2">
        <img src="focusImages/043.png" alt="Image 3">
        <img src="focusImages/044.png" alt="Image 1">
        <img src="focusImages/045.png" alt="Image 1">
        <img src="focusImages/051.png" alt="Image 2">
        <img src="focusImages/052.png" alt="Image 3">
        <img src="focusImages/053.png" alt="Image 1">
        <img src="focusImages/054.png" alt="Image 2">
        <img src="focusImages/055.png" alt="Image 1">
        <img src="focusImages/061.png" alt="Image 1">
        <img src="focusImages/062.png" alt="Image 2">
        <img src="focusImages/063.png" alt="Image 3">
        <img src="focusImages/064.png" alt="Image 1">
        <img src="focusImages/065.png" alt="Image 1">
        <img src="focusImages/071.png" alt="Image 2">
        <img src="focusImages/072.png" alt="Image 3">
        <img src="focusImages/073.png" alt="Image 1">
        <img src="focusImages/074.png" alt="Image 2">
        <img src="focusImages/075.png" alt="Image 2">
        <img src="focusImages/081.png" alt="Image 3">
        <img src="focusImages/082.png" alt="Image 1">
        <img src="focusImages/083.png" alt="Image 2">
        <img src="focusImages/084.png" alt="Image 3">
        <img src="focusImages/085.png" alt="Image 2">
        <img src="focusImages/091.png" alt="Image 1">
        <img src="focusImages/092.png" alt="Image 2">
        <img src="focusImages/093.png" alt="Image 3">
        <img src="focusImages/094.png" alt="Image 1">
        <img src="focusImages/095.png" alt="Image 2">
        <img src="focusImages/101.png" alt="Image 2">
        <img src="focusImages/102.png" alt="Image 3">
        <img src="focusImages/103.png" alt="Image 1">
        <img src="focusImages/104.png" alt="Image 2">
        <img src="focusImages/105.png" alt="Image 2">
        <!-- Add more <img> tags here up to 40 images -->
    </div>

   <script>
        function updateLocalTime() {
            const now = new Date();
            const localTimeString = now.toLocaleTimeString(); // 获取当地时间的字符串表示
            document.getElementById('localTime').textContent = `${localTimeString}`;
        }

        updateLocalTime(); // 初始化时间显示

        // 每5分钟检查一次更新
        setInterval(checkForUpdates, 1000);
    </script>
</body>
</html>
